<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.container{/*不习惯修饰body,直接修饰div*/
				width: 340px;
				font-size: 15px;
			}
			.tit{
				font-size: 20px;
				text-align: center;
				color: red;
				font-weight: bold;
			}
			.subtit{
				
				text-align: center;
				padding: 5px 0px 5px 0px;
				font-size: 17px;
				font-weight: bold;
				
			}
			.content1{
				background-color: #1E90FF;
				color: white;
				margin-top: 5px;
				margin-bottom: 5px;
				/*display: inline-table;*/
				line-height: 27px;
			
			}
			.content2{
				background-color: #FF0000;
				color: white;
				line-height: 27px;
			}
			.sp{
				background-color: #000000;
				width: 20px;
				display: inline-table;
				margin-left: 5px;
				text-align: center;
			}
			
		</style>
	</head>
	<body>
		<!-- 习惯用一个div把所有内容控制起来-->
	<div class="container">
		<div class="tit">高手班（升职加薪利器）</div>
		<div class="subtit">第二部分：数据结构和算法(王东杰)</div>
		<div class="content1"><span class="sp">1</span>时间复杂度、空间复杂度</div>
		<div class="content2"><span class="sp">2</span>手写数组ArrayList和链表</div>
		<div class="content1"><span class="sp">3</span>栈、队、列表散列结构手写</div>
	</div>	
	</body>
</html>
